﻿<div class="" ng-controller="ContactController">
    <div class="row">
        <div class="col-lg-12 col-sm-12 col-xs-12 col-md-offset-3" style="margin-left:0px">
            <div class="well with-header" style="padding-top:10px">
                <div class="header bg-themeprimary">
                    Contact
                </div>
            </div>
            <div class="col-lg-8 col-sm-8 col-xs-8 ">
                <form name="simpleForm" method="post" class="form-horizontal bv-form" novalidate="novalidate">
                    <div class="form-group" ng-class="{ 'has-error' : data.email.$invalid && !data.email.$pristine }">
                        <label for="inputEmail3" class="col-sm-3 control-label no-padding-right">Email</label>
                        <div class="col-sm-8">
                            <input type="email" class="form-control" placeholder="Email" ng-model="data.Email" ng-readonly="data.Email" />
                            <p ng-show="data.Email.$invalid && !data.Email.$pristine" class="help-block">This field is required.</p>
                        </div>
                    </div>
                    <div class="form-group" ng-class="{ 'has-error' : data.Message.$invalid && !data.Message.$pristine }">
                        <label for="inputEmail3" class="col-sm-3 control-label no-padding-right">Subject</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control" placeholder="Subject" ng-model="data.Subject" required />
                            <p ng-show="data.Subject.$invalid && !data.Subject.$pristine" class="help-block">This field is required.</p>
                        </div>
                    </div>
                    <div class="form-group" ng-class="{ 'has-error' : data.Message.$invalid && !data.Message.$pristine }">
                        <label for="inputEmail3" class="col-sm-3 control-label no-padding-right">Message</label>
                        <div class="col-sm-8">
                            <textarea class="form-control" ng-model="data.Message" placeholder="Message" required></textarea>
                            <p ng-show="data.Message.$invalid && !data.Message.$pristine" class="help-block">This field is required.</p>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-3 col-sm-offset-3">
                            <button class="btn btn-primary btn-block" ng-disabled="!simpleForm.$valid&&processing" ng-click="doContact(data)">Send Contact</button>
                            <span ng-show="progress" class="text-success"><i class="fa fa-circle-o-notch fa-spin"></i></span>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!--Success Modal Templates-->
    <script type="text/ng-template" id="WarningModal">
        <div class="modal-header">
            <i class="glyphicon glyphicon-warning-sign"></i>
        </div>
        <div class="modal-title">{{title}}</div>
        <div class="modal-body">
            {{ messeger }}
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-success" ng-click="ok()">OK</button>
            <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button>
        </div>
    </script>
</div>